<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<link rel="stylesheet" type="text/css" href="csxAudio.css"/> 
		<script type="text/javascript" src="csxAudio.js"></script>
		<title></title>
	</head>
	<body>
		<div class="audio">
			<div class="audiosx" name="audiosx" id="audiosx_1">
				<button class="play" id="play"></button>
				<div class="scroll" id="scrollBar"></div>
				<div class="bar"></div> 
				<div class="mask"></div> 
				<span class="currTime" id="currTime">00:00&nbsp;/&nbsp;</span>
				<span class="time" id="time">00:00</span>
				<button class="down" id="down"></button>
				<!-- <audio id="audio" src="http://www.largesound.com/ashborytour/sound/AshboryBU.mp3" controls="controls" style="visibility: hidden;" ></audio> -->
				<!-- <audio id="audio" src="http://localhost:8080/zicoo/deviceRecord/audio?callLogId=173" controls="controls" style="visibility: hidden;" ></audio> -->
				<audio id="audio" src="csxAudio_1.mp3" controls="controls" style="visibility: hidden;" ></audio>
			</div>
		</div>
		 <div class="audio">
			 <div class="audiosx" name="audiosx" id="audiosx_2">  <!-- audiosx-->
			 	<button class="play" id="play"></button>
			 	<div class="scroll" id="scrollBar"></div> 
			 	<div class="bar"></div> 
			 	<div class="mask"></div> 
			 	<span class="currTime" id="currTime">00:00&nbsp;/&nbsp;</span>
			 	<span class="time" id="time">00:00</span>
			 	<button class="down" id="down"></button>
			 	<!-- <audio id="audio" src=" http://www.largesound.com/ashborytour/sound/AshboryBYU.mp3" controls="controls" style="visibility: hidden;" ></audio> -->
				<!-- <audio id="audio" src="http://localhost:8080/zicoo/deviceRecord/audio?callLogId=173" controls="controls" style="visibility: hidden;" ></audio> -->
				<audio id="audio" src="csxAudio_2.mp3" controls="controls" style="visibility: hidden;" ></audio>
			 </div>
		 </div>  
		<script type="text/javascript">
			var the_timeout=setTimeout(function(){
				csxAudio.init("audiosx");
			},30); 
		</script>
		
		
	</body>
</html>
